<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <script src="https://unpkg.com/art-template@4.13.2/lib/template-web.js"></script>
        <title>Document</title>
    </head>
    <body>
        <div id="jys">
            <div>诗句大赏</div>
            {{each arr}}
            <h1>{{$value.bt}}</h1>
            <h2>{{$value.zz}}</h2>
            <p>{{$value.nr}}</p>
            {{/each}}
        </div>
        <script>
            let arr = [
                { bt: "鹅", zz: "张静芝", nr: "鹅鹅鹅" },
                { bt: "将进酒", zz: "李白", nr: "君不见黄河之水天上来" },
                { bt: "回溯", zz: "王伟", nr: "少小离家老大回" },
            ];
            let all = template("jys", { arr });
            document.getElementById("jys").innerHTML = all;
        </script>
    </body>
</html>
